<template>
  <div class="">
    <tit1 :title="obj.title"></tit1>
    <p style="text-align: center">暂无学习卡</p>
    <button>学习卡兑换</button>
  </div>
</template>

<script setup>
import { reactive, ref, toRefs } from "vue";
import tit1 from "../components/title1.vue";
const obj = reactive({
  title: "我的学习卡",
});
</script>
<style lang="scss" scoped>
button {
  position: absolute;
  width: 100%;
  height: 100px;
  line-height: 100px;
  text-align: center;
  bottom: 0;
  border: none;
  background: #f15a24;
  color: #fff;
}
</style>
